import { useEffect } from 'react';
import { useAppDispatch } from '@/store';
import { setBreadcrumbs } from '@/store/slices/uiSlice';
import { BatchProcessor } from '@/components/batch';
import './styles.less';

const BatchProcess: React.FC = () => {
  const dispatch = useAppDispatch();

  useEffect(() => {
    dispatch(setBreadcrumbs([{ label: '仪表板', path: '/dashboard' }, { label: '批量处理' }]));
  }, [dispatch]);

  return (
    <div className='space-y-6'>
      <BatchProcessor />
    </div>
  );
};

export default BatchProcess;
